/* 定义变量 */
@background-image: url('/src/assets/bg.png');
@background-color: rgba(255, 255, 255, 0.8);
@form-padding: 20px;
@form-border-radius: 8px;
@form-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
@form-max-width: 400px;
@form-width: 100%;
@title-font-size: 24px;
@title-margin-bottom: 20px;

/* 定义登录和注册通用样式 */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-image: @background-image;
    background-position: center;

    .form {
        background-color: @background-color;
        padding: @form-padding;
        border-radius: @form-border-radius;
        box-shadow: @form-box-shadow;
        max-width: @form-max-width;
        width: @form-width;

        .title {
            text-align: center;
            font-size: @title-font-size;
            font-weight: bold;
            margin-bottom: @title-margin-bottom;
        }

        .buttons {
            display: flex;
            justify-content: center;
            width: 100%;
            margin-top: 20px;
        }
    }
}